<template>
	<view>
		<button size="mini" @click="click">触发当前页面的click</button>
		<view>---------------------</view>
		<emitAndUniemitSub :msg="msg1" @parentClick="parentClick2"></emitAndUniemitSub>
	</view>
</template>

<script>
import emitAndUniemitSub from '../emitAndUniemitSub/emitAndUniemitSub.vue';
export default {
	components: {
		emitAndUniemitSub
	},
	data() {
		return {
			msg1: "我是 上→下 的参数"
		}
	},
	onLoad() {
		// 一进页面就增加监听
		uni.$on('update', function (data) {
			console.log('监听到事件来自 update ，携带参数 msg 为：' + data.msg);
			console.log('用 uni.$emit(), uni.$on() 代替 this.$emit(),实现【下-》上】的数据更新监听');
		})
	},
	onUnload() {
		// 移除所有监听
		uni.$off();
	},
	methods: {
		click() {
			console.log("上级页面本身的click");
		},
		parentClick2() {
			console.log("我被子页面的 this.$emit('parentClick') 触发");
		}
	}
}
</script>

<style></style>
